+@import 'mediawiki.mixins';
+
.mw-rcfilters-ui-liveUpdateButtonWidget {
- margin-left: 1em;
+ margin: 0;
&.oo-ui-toggleWidget-on {
position: relative;
&:after {
content: '';
mix-blend-mode: screen;
+ pointer-events: none;
position: absolute;
width: 1.875em;
height: 1.875em;
border-radius: 100%;
transform-origin: 50% 50%;
opacity: 0;
- animation: ripple 1.2s ease-out infinite;
+ animation: ripple 2.3s ease-out infinite;
animation-delay: 1s;
}
}
@keyframes ripple {
0%,
35% {
- transform: scale( 0 );
+ .transform( scale( 0 ) );
opacity: 1;
}
50% {
- transform: scale( 1.5 );
+ .transform( scale( 1.5 ) );
opacity: 0.8;
}
+ 80%,
100% {
opacity: 0;
- transform: scale( 4 );
+ .transform( scale( 4 ) );
}
}